layui.use(['table','form','laydate','jquery'], function(){
  var table = layui.table;
  var form = layui.form;
  var laydate = layui.laydate;
  var $ = layui.$ //重点处
  //第一个实例
  table.render({
     elem: '#sysUser_list'
    ,limit: 30
    ,method: 'post'
    ,height: 'full-140'
    ,text: {none: '暂无相关数据'}
    ,url: '/sys/sys_user/listData' //数据接口
    ,page: true //开启分页
    ,toolbar:"#sysUser_list_tool"
    ,cols: [[ //表头
       {type:'radio'}
      ,{field: 'name', title: '用户姓名', width:120,align:"center"}
      ,{field: 'phone', title: '手机号码', width: 180,align:"center"}
    ]]
  	,parseData: function(res){ //res 即为原始返回的数据
  		if(!res.success){
  			return {};
  		}
	    return {
	      "code": res.code, //解析接口状态
	      "count": res.data.total, //解析数据长度
	      "data": res.data.records //解析数据列表
	    }
	},
  });
  
  //搜索初始化
  form.on('submit(search)', function(data){
	  table.reload('sysUser_list', {
        page: {
          curr: 1 //重新从第 1 页开始
        }
        ,where: data.field //当前容器的全部表单字段，名值对形式：{name: value}
      }, 'data');
	  return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
  });
  
  //工具栏监听事件
  table.on('toolbar(sysUser_list_filter)', function(obj){
    switch(obj.event){
      case 'add': 
    	  window.tools.edit(); 
    	  break;
      case 'edit': 
    	  var checkStatus = table.checkStatus(obj.config.id);
    	  if(checkStatus.data.length==1){
    		  window.tools.edit(checkStatus.data[0].id); 
    	  }
    	  break;
      case 'del':  
    	  var checkStatus = table.checkStatus(obj.config.id);
    	  if(checkStatus.data.length==1){
    		  window.tools.delete(checkStatus.data[0].id); 
    	  }
    	  break;
    };
  });
  //自定义方法区
  
  $(document).keydown(function(event){
      if(event.keyCode==13){
    	  window.tools.search();
      }
  });
  
  window.tools = {
	  search: function(){
		  $("[lay-filter='search']").click();
	  },
	  edit: function(id){
		  layer.open({
	         type: 2
	        ,title: "用户管理" //不显示标题栏
	        ,method:"post"
	        ,closeBtn: false
	        ,area: ['480px', '300px'] //自定义文本域宽高
	        ,shade: 0.5
	        ,id: 'edit' //设定一个id，防止重复弹出
	        ,btn: ['确定', '取消']
	        ,btnAlign: 'c'
	        ,moveType: 1 //拖拽模式，0或者1
	        ,content: '/sys/sys_user/editPage?id='+id
        	,yes: function(index, layero){
	        	layer.getChildFrame('#submit', index).click();
	        },
    	  	btn2: function(index, layero){
    	  		layer.close(index);
	        }
		  });
	  },
	  delete: function(id){
		  $.ajax({ 
		    	url: "/sys/sys_user/removed", 
		    	type: "POST",
		    	data: {"id":id}, 
		    	dataType: "json",
		    	success: function(result){
		    		if(result.success){
		        		window.tools.search();
		        		layer.msg("删除成功");
		        	}else{
		        		layer.msg(result.msg);
		        	}
		    	},
		    	error: function () {
		    		layer.alert("网络繁忙,请稍候重试....");
		    	}
		    });
	  }
  }
});
